/**
 * Failed to minify the file using clean-css v5.3.3. Serving the original version.
 * Original file: /npm/@anydigital/blades@0.27.0-beta.17/assets/float-label.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/* Moved here from https://github.com/anydigital/float-label-css for easier maintenance
<!--section:code-->
```css */
label:has(input:not([type="checkbox"], [type="radio"], [type="range"]), textarea, select),
.has-float-label {
  display: block;
  position: relative;

  /* Default/fallback state when float label is minimized */
  > span,
  label {
    position: absolute;
    left: 0;
    top: 0;
    cursor: text;
    font-size: 75%;
  }

  /* Modern browser ? enlarge float label instead of placeholder : otherwise, code below is ignored in favor of default state above */
  *:placeholder-shown:not(:focus)::placeholder {
    opacity: 0;
  }
  &:has(*:placeholder-shown:not(:focus)) {
    > span,
    label {
      font-size: inherit;
      opacity: 50%;
    }
  }
}
/*```
<!--section--> */
label:has(input:not([type="checkbox"], [type="radio"], [type="range"]), textarea, select),
.has-float-label {
  /* Default/fallback state */
  > span,
  label {
    padding-inline-start: calc(1rem + 1px); /* match Pico's padding + border */
    padding-block-start: 0.25rem;
    opacity: 75%;
    transition: all 0.25s;
  }
  input,
  textarea,
  select {
    margin-block-start: 0; /* reset Pico */
    padding-inline-start: 1rem; /* match Pico */
    padding-block: 1.125rem 0.375rem; /* match Pico's total: 2 x 0.75rem = 1.5rem */

    &::placeholder {
      opacity: 100%;
      transition: all 0.25s;
    }
  }

  /* Enlarged state */
  &:has(*:placeholder-shown:not(:focus)) {
    > span,
    label {
      padding-block: 0.75rem; /* match Pico */
    }
  }
}